// Color Palette
$black: #000;
$white: #fff;
//  Gray
//  ───────────────────────────────────
$oc-gray-list: (
  "1": #f2f2f2,
  "2": #ececec,
  "3": #999999,
  "5": #666666,
  "9": #333333,
);
$oc-gray-1: map-get($oc-gray-list, "1");
$oc-gray-2: map-get($oc-gray-list, "2");
$oc-gray-3: map-get($oc-gray-list, "3");
$oc-gray-4: map-get($oc-gray-list, "4");
$oc-gray-5: map-get($oc-gray-list, "5");
$oc-gray-9: map-get($oc-gray-list, "9");

//  Blue
//  ───────────────────────────────────

$oc-blue-list: (
  "4": #3e7ef4
);
$oc-blue-4: map-get($oc-blue-list, "4");

//  Orange
//  ───────────────────────────────────

$oc-orange-list: (
  "4": #f67d41,
  "6": #f45843
);
$oc-orange-4: map-get($oc-orange-list, "4");
$oc-orange-6: map-get($oc-orange-list, "6");
// $button-background-color: $oc-blue-4;
// $header-background-color: $oc-blue-4;

//background-color
$background-color:$oc-gray-1;

//text Color
$primary-text-color: $oc-gray-9;
$secondary-text-color: $oc-gray-5;
$ordinary-text-color:$oc-gray-3;
$error-color: $oc-orange-6;

//button
$btn-background-color:$oc-blue-4;
